<template>
    <div class="" id="facMessage">
       <el-descriptions name="descript" title="" direction="vertical" :column="4" border>
        <el-descriptions-item contentStyle="text-align:center;" :span="1" label="设备图片">
          <img style="height:100px;" src="../../assets/401_images/401.gif" alt="点击查看大图">
        </el-descriptions-item>
        <el-descriptions-item  label="设备名称">{{facMessage.facName}}</el-descriptions-item>
        <el-descriptions-item  label="设备编号">{{facMessage.facCode}}</el-descriptions-item>

        <el-descriptions-item label="所属城市" :span="3">{{citys[facMessage.location]}}</el-descriptions-item>
        <el-descriptions-item  label="备注">
          <el-tag size="small">学校</el-tag>
        </el-descriptions-item>
        <el-descriptions-item  label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
      </el-descriptions>
        <!-- <el-row >
            <el-col :span="22" :offset="1">
                <h2 style="text-align:center;">{{facMessage.facName}}</h2>
            </el-col>
            <el-col :span="22" :offset="1">
                <div class="permission-content bg-purple user-table" >
                    <el-form ref="form" :model="form" label-width="80px" style="padding:20px 0 0 0">
                      <el-form-item >
                        <el-col :span="16">
                          <div style="margin:0 auto;padding-left:20%;">
                              <img src="../../assets/404_images/404.png" width="80%"  alt="">
                          </div>
                         
                        </el-col>
                        <el-col :span="8" v-for="(item,name,value) in form" :key="value">
                          <el-form-item label="设备名称" :style="value==0?'margin:20px 0 0 0;':''">
                            <span>{{form.name}}</span>
                            {{value}}
                          </el-form-item>
                        </el-col>
                      </el-form-item>
                      
                    </el-form>
                </div>
            </el-col>
        </el-row> -->
        
    </div>
</template>
<script>
// import { defineComponent } from '@vue/composition-api'
import { queryFac} from '@/api/facility/facility'
import { disposeDict} from '@/utils/dicts'

export default {
    data() {
      return{
          text:"测试",
          tableData:[],
          formData:{},
          form: {
          name: '测试设备',
          region: '',
          date1: '',
          date2: '',
          delivery: false,
          type: [],
          resource: '',
          desc: '',
          name1: '测试设备',
          region2: '',
          date13: '',
          date24: '',
          delivery5: false,
          type6: [],
          resource7: '',
          desc8: ''
        },
        citys:disposeDict('citys','obj'),
          facMessage:{},
          dialogVisible:false
      }  
    },
    created(){
      this.facMessage=this.$route.params.datas
     
    },
    mounted(){
    },
    methods:{
      queryFac(){
        queryFac(this.formData).then(res=>{
        this.tableData=res.data
      })
      },
      onSubmit() {
      },
      //查看详情
      handleClick(data){
        this.dialogVisible=true
        
        this.userMessage=data
      },
      //关闭弹出框
      handleClose(){
        this.dialogVisible = false
      }
      
    }
}
</script>
<style lang='scss' scoped>
#facility{
    padding: 20px 0;
}
.el-row {
    margin-bottom: 20px;
    &:last-child {
      margin-bottom: 0;
    }
  }
  // .el-select .el-input__inner{
  //   padding-right: 0;
  // }
  .el-col {
    border-radius: 4px;
  }
  .bg-purple-dark {
    background: #99a9bf;
  }
  .bg-purple {
    background: #d3dce6;
  }
  .bg-purple-light {
    background: #e5e9f2;
  }
  .permission-content {
    border-radius: 4px;
    min-height: 36px;
  }
  .row-bg {
    padding: 10px 0;
    background-color: #f9fafc;
  }
</style>